﻿/**css reset*/
html{height: 100%;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 13px/1.5 '微软雅黑',Verdana, Helvetica, Arial, sans-serif; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-box-sizing: border-box;}
pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }
input, button, select, textarea { outline: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
i,em{ font-style: normal; }
a { text-decoration: none; }
a:focus { outline: none; }
body{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}
a:link, a:visited{ text-decoration: none; }
a:hover{color: #15a94e;text-decoration: none;}
a span, a img { cursor: pointer; }
fieldset, img { border: 0; }
ul.nolist,ul { list-style: none; }
ul.nolist li,ul li { list-style: none; }
.bg-fff{background-color: #fff;}
/**清除浮动**/
.clearFix:before, .clearFix:after { display: table; content: ""; }
.clearFix:after { clear: both; }
.clearFix { *zoom: 1; }
/**chrome滚动条样式*/
::-webkit-scrollbar {width:2px;height:10px;}
::-webkit-scrollbar-button{display:none;}
::-webkit-scrollbar-track{background: #4b596d;;padding: 0 5px}
::-webkit-scrollbar-thumb{background: #6ebfb8;;border-radius:10px;}
::-webkit-scrollbar-corner {background:#6ebfb8;}
::-webkit-scrollbar-resizer {background: #ebebeb;}
div::-webkit-scrollbar {width:10px;height:10px;}
div::-webkit-scrollbar-button{display:none;}
div::-webkit-scrollbar-track{background: #ebebeb;;padding: 0 5px}
div::-webkit-scrollbar-thumb{background: #bcc4c9;;border-radius:10px;}
div::-webkit-scrollbar-corner {background:#bcc4c9;}
div::-webkit-scrollbar-resizer  {background: #ebebeb;}




/*按钮封装*/
.button{display: inline-block;margin-bottom: 0;line-height: 40px;border:none;outline:0;height: 40px;margin-left:10px;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: none;border-bottom: 2px solid transparent;border-top: 2px solid transparent;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;color: #fff;}
/*按钮宽度*/
.button.btn-w50{width: 50px;}
.button.btn-w60{width: 60px;}
.button.btn-w80{width: 80px;}
.button.btn-w120{width: 120px;}
.button.btn-w100{width: 100px;}
.button.btn-w140{width: 140px;}
.button.btn-w210{width: 220px;}
/*按钮高度*/
.button.btn-h30{height: 30px;line-height: 28px;}
/*确定按钮*/
.button.btn-success{background-color:#16ac4e;border-bottom-color:#188360;color: #fff}
.button.btn-success:hover{background-color:#32bd67;border-bottom-color:#149f49;}
/*按钮点击*/
.button.btn-success:active{background-color:#128f42;border-bottom-color: transparent;border-top-color: #0f654b;}
/*警示按钮*/
.button.btn-caution{background-color:#ea3b3b;border-bottom-color:#b42826;color: #fff}
.button.btn-caution:hover{background-color:#fd4746;border-bottom-color:#cd3625;}
/*按钮点击*/
.button.btn-caution:active{background-color:#de3533;border-bottom-color: transparent;border-top-color: #b42826;}
/*灰色按钮*/
.button.btn-gray{background-color:#E1E6E5;border-bottom-color:#B3B6B6;color: gray}
.button.btn-gray:hover{background-color:#f7f7f7;border-bottom-color:#d8d8d8;}
/*按钮点击*/
.button.btn-gray:active{background-color:#d2dada;border-bottom-color: transparent;border-top-color: #A9A9A9}
/*白色按钮*/
.button.btn-small-white{margin-left:5px;background-color: #fff;border: 1px solid #bdc4c7;border-bottom-width:2px;color:#3f4549;}
.button.btn-small-white:hover{background-color: #f7f7f7;}
/*按钮点击*/
.button.btn-small-white:active{background-color: #eee;border-bottom-width: 1px;border-top-width: 2px;}
/*按钮左边距为0*/
.button.margin0{margin-left:0;}

.container-fluid {padding-right: 0px;padding-left: 0px;*zoom: 1;overflow: hidden}
.container-fluid.warp{padding:0px 0 20px 0}
.container-fluid.main{min-width: 1024px;}
.container-fluid.tops{padding-top:90px}
/**header部分样式*/
.header{height:30px;position: fixed;top:0;left: 0;background-color: #ffffff;min-width: 768px;z-index:1030}
.header .logo-bar{float: left;
    height: 60px;
    left: 0;
    position: fixed;
    top: 0;
    width: 300px;
    z-index: 1000;;}
.header .logo{text-align:center;border-bottom:1px solid #515c6d;overflow:hidden;background-color:#344154;max-width:220px;height:150px;position: relative;line-height:100px;left:0;top:0}
.header .logo img{margin-top:50px}
.header.long-con .logo-bar{width: 230px;}
.header.long-con .logo{max-width: 230px;}
.header.long-con .logo h1{padding:11px 0 0 60px;font-size: 16px;}
.header.long-con .logo p{padding-left: 60px;}
.header-border{width: 100%;height: 1px;position: absolute;bottom:0;z-index: 0;border-bottom: 1px solid #CCCCCC;}
/*toolbar样式*/
.header .tool-warp{height: 60px;background-color:white}
.tool-bar{padding: 5px 0 0 0;height:60px;line-height:60px}
.tool-bar .pdr20{display:inline-block;height:60px;line-height:60px;margin-top:-5px}
.tool-bar .pdr20 .e1{margin-left:20px;margin-right:10px;display:inline-block;height:20px;width:20px;vertical-align:-5px;background:url("../../images/comm/Ellipse.png") no-repeat center center;background-size:100%}
.tool-bar .top-nav{margin-left: 250px;height: 50px;}
.tool-bar .top-nav ul li{float: left;width: 145px;}
.tool-bar .top-nav ul li a{display: inline-block;height: 50px;line-height: 50px;text-align: left;font-size: 14px;text-decoration: none;color:#444d4d;}
.tool-bar .top-nav ul li a:hover{color:#15a94e;}
.tool-bar .top-nav ul li.active a{font-size:16px;font-weight: bold;color:#15a94e;}
.tool-bar a{color:#757881;vertical-align:middle;display:inline-block}
.tool-bar .home{width:50px;height:60px;display:inline-block;text-align:center;margin-left:15px;margin-top:-4px}
.tool-bar .home em{margin-left:10px;float:left;display:inline-block;width:30px;height:30px;background:url("../../images/comm/home_normal.png") no-repeat center center;background-size:80%;margin-top:15px }
.tool-bar .home:hover{background-color:#58bdde}
.tool-bar .home:hover em{margin-left:10px;float:left;display:inline-block;width:30px;height:30px;background:url("../../images/comm/home_hover.png") no-repeat center center;background-size:80%;margin-top:15px }
.tool-bar .exit{margin-top:-4px;width:50px;height:60px;display:inline-block;line-height:20px;margin-left:10px}
.tool-bar .exit1{margin-top:-4px;width:60px;height:60px;display:inline-block;line-height:20px;margin-left:10px}
.tool-bar .exit em{margin-left:10px;float:left;display:inline-block;width:30px;height:30px;background:url("../../images/comm/exit_normal.png") no-repeat center center;background-size:80%;margin-top:15px }
.tool-bar .exit1 em{margin-left:0px;float:left;display:inline-block;width:30px;height:30px;background:url("../../images/setting/Shape 15.png") no-repeat center center;background-size:50%;margin-top:17px }
.tool-bar .exit1 span{font-size:12px;float:left;height:60px;line-height:65px}
.tool-bar .exit:hover{background-color:#58bdde}
.tool-bar .exit:hover em{margin-left:10px;float:left;display:inline-block;width:30px;height:30px;background:url("../../images/comm/exit_hover.png") no-repeat center center;background-size:80%;margin-top:15px }
.tool-bar .user{line-height:60px;height:60px;display:inline-block;border-left:1px solid #EEF2F1;text-align:center}
.tool-bar .home-a{float:left;text-align:center;width:100px;line-height:60px;height:60px;display:inline-block;border-left:1px solid #EEF2F1}
.tool-bar .home-a em{display:inline-block;width:30px;height:30px;margin-top:15px;background:url("../../images/comm/home.png") no-repeat center center;vertical-align:-8px}
.tool-bar .home-a:hover{background-color:#03AEEE;color:white}
.tool-bar .home-a:hover em{background:url("../../images/comm/home_hover.png") no-repeat center center;}
.tool-bar .wendang-a{float:left;text-align:center;width:100px;line-height:60px;height:60px;display:inline-block;border-left:1px solid #EEF2F1}
.tool-bar .wendang-a em{display:inline-block;width:30px;height:30px;margin-top:15px;background:url("../../images/comm/Documents_normal.png") no-repeat center center;vertical-align:-8px}
.tool-bar .wendang-a:hover{background-color:#03AEEE;color:white}
.tool-bar .wendang-a:hover em{background:url("../../images/comm/Documents_hover.png") no-repeat center center;}
.tool-bar .fuwu-a{position:relative;float:left;text-align:center;width:100px;line-height:60px;height:60px;display:inline-block;border-left:1px solid #EEF2F1}
.tool-bar .fuwu-a em{display:inline-block;width:30px;height:30px;margin-top:15px;background:url("../../images/comm/service_normal.png") no-repeat center center;vertical-align:-8px}
.tool-bar .fuwu-a:hover{background-color:#03AEEE;color:white}
.tool-bar .fuwu-a:hover em{background:url("../../../images/comm/service_hover.png") no-repeat center center;}
.tool-bar .fuwu-a:hover  .ts{display:inline-block}
.tool-bar .fuwu-a .ts{display:none; line-height:20px;z-index:13;width:80px;padding:5px 5px;background-color:#4B5A6E;position:absolute;bottom:-40px;left:50%;margin-left:-45px}
.tool-bar .fuwu-a .ts span{display:inline-block;border:8px solid transparent;border-bottom-color:#4B5A6E;position:absolute;left:50%;margin-left:-8px;top:-16px}
.tool-bar .fuwu-a .ts ul li{color:white !important;}
.tool-bar .shixiang-a{float:left;text-align:center;width:100px;line-height:60px;height:60px;display:inline-block;border-left:1px solid #EEF2F1}
.tool-bar .shixiang-a em{display:inline-block;width:30px;height:30px;margin-top:15px;background:url("../../images/comm/item.png") no-repeat center center;vertical-align:-8px}
.tool-bar .shixiang-a:hover{background-color:#03AEEE;color:white}
.tool-bar .shixiang-a:hover em{background:url("../../images/comm/item_hover.png") no-repeat center center;}
/*左边菜单样式*/
.leftBar{min-width:220px;min-height:100%;height:100%;padding-bottom:50px;background-color:#344154;position: absolute;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;position: fixed;top:150px;left: 0}
.leftBar .left-menu{font-size:18px;color:#f9fbfd;}
.leftBar .left-menu.active{color: #fff;}
.leftBar .left-menu .parent-menu{position:relative;display: block;height:50px;padding-left: 25px;line-height:50px;font-size:18px;color:#898f9f}
.leftBar .left-menu .parent-menu.active{background-color:#3a7eab;color:#fdfcfc}
.leftBar .left-menu .parent-menu:hover{color:#fff;text-decoration: none;cursor: pointer}
.leftBar .left-menu .parent-menu span{display:inline-block;width:30px;height:30px;vertical-align: middle;margin-left:15px}
.leftBar .left-menu .parent-menu span i{margin-left:20px;display:inline-block;width:18px; height:18px;position: absolute;background:url("../../images/comm/Left_arrow_normal.png") no-repeat center center;vertical-align:8px;background-size:80%;right:15px;top:18px}
.leftBar .left-menu .parent-menu span i.active{margin-left:20px;display:inline-block;width:18px; height:18px;position: absolute;background:url("../../images/comm/Leftarrow_hover.png") no-repeat center center;vertical-align:7px;background-size:80%}
.leftBar .left-menu .none{display:none}
.leftBar .left-menu:first-child ul{display: block;}
.leftBar .left-menu ul li{padding-left:60px;height:40px;line-height:40px;position:relative}
.leftBar .left-menu ul li:hover{cursor: pointer;}
/*.leftBar .left-menu ul li em.active{border:15px solid transparent;border-right-color:#fcfcfd;position:absolute;right:0;top:5px}*/
.leftBar .left-menu ul li a{color:#898f9f;font-size:14px;position:relative}
.leftBar .left-menu ul li a i.active{position:absolute;display:inline-block;width:4px;height:4px;background-color: white;left:-20px;top:50%;margin-top:-2px}
.leftBar .left-menu ul li.active a{color:#fcfcfd;}

#rightBar iframe{border: none;margin: 0;padding:0}
.p-copy{z-index:0;width:100%;position:relative;bottom:20px;color:#8B94A6;font-size:14px;text-align:center;}
.exit-index{margin-top:18px;margin-right:20px;margin-left:20px;height:30px;line-height:30px;font-size:13px;color:#333333;float:right;display:inline-block}
.exit-index .e2{margin-left:10px;display:inline-block;height:20px;width:15px;vertical-align:-5px;background:url("../../images/comm/home-exit.png") no-repeat center center;text-align:left;line-height:20px}

/*padding值*/
.pdr20{padding-right:20px;}
.pdl20{padding-left: 20px;}
/********隐藏*******/
.customer-protect-list li .none{display:none}
/*表格*/
table {max-width: 100%;background-color: transparent;border-collapse: collapse;border-spacing: 0;background-color: #fff}
.table-col {max-width: 100%;background-color: transparent;border-collapse: collapse;border-spacing: 0;}
.table-col {width: 100%;}
.table-col tr th{color:#3f4549;font-weight: bold;font-size: 13px;height:40px;text-align: left;background-color:#fff;}
.table-col tr td{height:40px;line-height: 20px;text-align: left;vertical-align: middle;padding: 0 0 0 20px;border-bottom: 1px solid #e3e7e8;}
.table-col tr:first-child + tr td{padding: 0 0 0 20px;height: 40px}
.table-col td:first-child,.table-col th{padding: 0 0 0 20px}
.table-col tr:first-child + tr td{background-color: #F0F0F0;}
.table-col tr:last-child td{border-bottom:none}
.line{border-left:1px solid #e3e7e8;}
.more-line{padding: 15px 0 15px 0}

.table {max-width: 100%;background-color: transparent;border-collapse: collapse;border-spacing: 0;}
.table {width: 100%;}
.table tr th{color:#757881;font-weight: bold;font-size: 13px;text-align: left;border-top: 1px solid #C8D0D2}
.table th,.table td {height:40px;line-height: 20px;text-align: left;vertical-align: middle;padding: 0 10px 0 10px}
.table tr:first-child{background-color: #F7F7F7;}
.table th:first-child,.table td:first-child{padding: 0 0 0 20px}
.table td{border-bottom: 1px solid #e3e7e8;}
/*.table tr:last-child td{border-bottom:none}*/
.table .name {position:relative;display: inline-block;height:20px;float:left;margin-right: 5px;width:60px;min-width:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.table .game-name{display: inline-block;height:20px;float:left;width:160px;min-width:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.table .game-time{display: inline-block;height:20px;float:left;width:180px;min-width:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.table .pass {display: inline-block;margin-right: 20px;}
.table .pass.no-con{color:rgba(0,0,0,0);}
.table .pass.no-con:hover{cursor: default;}
.table .text-10{width: 120px;min-width: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;}
.table .text-6{width: 80px;min-width: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;}
.table .phone-num,.table .operation .stat-num{height:20px;display:inline-block;float:left}
.table .color-blue {color:#2b63db;}
.table .color-blue:link, .table .color-blue:visited { color: #2b63db; }
.table .color-blue:hover, .table .color-blue:active { color:#2b63db;text-decoration: underline}
.table .color-red {color:#E53A24;}
.table .color-red:link, .table .color-red:visited { color: #E53A24; }
.table .color-red:hover, .table .color-red:active { color:#E53A24;text-decoration: underline}
.table .color-green {color:#16AC4E;}
.table td .color-green {color:#16AC4E;}
.table td .color-green:hover{color:#16AC4E;text-decoration:none}
.detail-data td .color-red {color:#E53A24;}
.detail-data td .color-red:hover{color:#E53A24;text-decoration:none}
.table .color-green:link, .table .color-green:visited { color: #16AC4E; }
.table .color-green:hover, .table .color-green:active { color:#16AC4E;text-decoration: underline}
.table .color-grass{color:#4FB03C}
.table .color-grass:link, .table .color-grass:visited { color: #4FB03C; }
.table .color-grass:hover, .table .color-grass:active { color:#4FB03C;text-decoration: underline}
.table .color-gray{color:#B1B1B2}
.table .color-gray:link, .table .color-gray:visited { color: #B1B1B2; }
.table .color-gray:hover, .table .color-gray:active { color:#B1B1B2;text-decoration: underline}
.table .long-width{width: 60%;}
.table-clear tr:first-child{border-bottom: 1px solid #EAEDEE; }
.table-clear tr:first-child + tr td{background-color: #ffffff;padding: 0 0 0 20px;}
.table .bold{color:#454c4d;font-weight: bold;}
.table .operation:hover{cursor: pointer;}
.table .operation .change{display: inline-block;height:0;width: 100%;overflow:hidden;background-color: #16AB4F;color: #fff;text-align: center;line-height: 100%;}
.table .operation .change span{vertical-align: middle;text-decoration: underline;}
.table .operation .change.no-underline span{text-decoration: none;}
.table .operation .change span:first-child{display: inline-block;width: 1px;height: 100%;margin-left: -6px;}
.table .operation .change.w55{width: 55px;}
.table .operation:hover .name,.table .operation:hover .phone-num,.table .operation:hover .stat-num,.table .operation:hover .oper-con{display:inline-block;width:100%;height:0;overflow: hidden;}
.table .operation:hover .change{height: 100%;}
.table-borders tr td{border-top: 1px solid #e3e7e8;border-left:1px solid #e3e7e8}
.table-borders tr th{background-color: #fff;}
.tab-content form,.single-content form{padding: 10px 10px;display:block}
.table th sup{font-weight:normal}
.table .fixed-wid span{display:inline-block;width: 200px;max-height:40px;overflow: hidden;}
.table .td-w125{display:inline-block;width: 125px;max-height:40px;overflow: hidden;}
.table .td-w200{display:inline-block;width: 200px;max-height:40px;overflow: hidden;}
.table .td-w540{display:inline-block;width: 540px;max-height:40px;overflow: hidden;}

@media (max-width: 1400px) {body{ font: 12px/1.5}table tr td{font-size: 12px;}.tab-content > .tab-pane > form > span,.tab-content > .tab-pane > form a{font-size: 12px;}.tool-bar .top-nav ul li a{font-size: 14px;}}
@media (min-width: 1400px) {body{ font: 14px/1.5}table tr td{font-size: 14px;}.custom-warp>div{height: 210px}.tab-content > .tab-pane > form > span,.tab-content > .tab-pane > form a{font-size: 14px;}}

/*标签右侧操作按钮*/
.right-btn{position: absolute;right: 20px;margin-top: -41px;}
.right-btn.first-btn{right: 170px;}
.right-stat{position: absolute;right: 110px;margin-top: -35px;}
.right-stat span{font-size: 14px;display: inline-block;margin-right: 10px;color:#757881;}
/*tab内容页样式*/
.tab-content {overflow: auto;border: 1px solid #C8D0D2;border-top-color: transparent;margin-top: -20px;background-color: #fff;min-height:491px;}
.tab-content > .tab-pane,.pill-content > .pill-pane {display: none;}
.tab-content > .active{display: block;}
/*.tab-content > .tab-pane > form{min-height: 20px;}*/
.tab-content > .tab-pane > form > .dropdown-list{display: inline-block;width: 100px;}
.tab-content > .tab-pane > form > span{display: inline-block;margin-left:20px;font-size: 14px;color:#757881;vertical-align: middle;}
.tab-content > .tab-pane > form > .first{margin-left: 10px;}
.tab-content > .tab-pane > form > .sp1{margin-left:8px;margin-right:3px}
.tab-content > .tab-pane > form > .sell-group{margin-left: 15px;}
.tab-content > .tab-pane > form > .sell-group li{height:40px;line-height:40px;padding:0 12px;margin-left: 40px;border-bottom: 2px solid transparent}
.tab-content > .tab-pane > form > .sell-group li:first-child{margin-left: 0;}
.tab-content > .tab-pane > form > .sell-group li:hover{cursor: pointer;}
.tab-content > .tab-pane > form > .sell-group li .group-name{position: relative;color:#757881;}
.tab-content > .tab-pane > form > .sell-group li.current{border-color: #16AB4F}
.tab-content > .tab-pane > form > .sell-group .current .group-name{font-size:15px;color:#16ab4f;font-weight: bold;}
.tab-content > .tab-pane > form > .sell-group .current .group-name i{position: absolute;width: 118px;height: 2px;background-color:#16AB4F;top: 30px;left: -10px;}
.tab-content > .tab-pane > form > .sell-group .current .ico{display: inline-block;}
.tab-content > .tab-pane > form > .sell-group .current .ico .edit{display:inline-block;padding:6px;text-align: left;}
.tab-content > .tab-pane > form > .sell-group .current .ico .del{display:inline-block;width:4px;padding:6px;text-align: right;}
.tab-content > .tab-pane > form > .sell-group .current .ico .edit span{display: inline-block;width: 8px;height: 9px;background:  0 0 no-repeat;}
.tab-content > .tab-pane > form > .sell-group .current .ico .del span{display: inline-block;width: 8px;height: 8px;background:  0 -12px no-repeat;}
.tab-content > .tab-pane > form > .sell-group .current .ico .edit:hover span{background: -11px 0  no-repeat;}
.tab-content > .tab-pane > form > .sell-group .current .ico .del:hover span{background: -11px -12px  no-repeat;}
.tab-content > .tab-pane > form > input{font-size: 12px;}
.tab-content .more-contents{overflow: auto;}
.tab-content .more-contents > form{min-width: 1650px;}
.tab-content .more-contents > table{min-width: 1690px;}
.tab-content .more-contents > form > span{margin-left: 15px;}
.tab-content>.tab-pane>form>.search-content{margin-right: 16px;display: inline-block;min-width: 140px;}
.tab-content>.tab-pane>form>.search-content .search-em,.tab-content>.tab-pane>form>.search-content .search-em1{margin: 0;top:7px;right:7px;}
.tab-content>.tab-pane>form>.dropdown-list{margin-right: 17px;display: inline-block;}
.tab-content>.tab-pane>form>.choice-time{display: inline-block;vertical-align: middle;margin-right: 4px;}
.tab-content>.tab-pane>form>.choice-time>input.w110{width: 120px;}
.tab-content>.tab-pane>form>.choice-time>.sp1{display:inline-block;margin-left: 7px;}
.single-content{overflow:auto;border: 1px solid #C8D0D2;margin-top: -20px;background-color: #fff}
.single-content .table{border:none}
/*.single-content .table th{border-top: none}*/
.single-content .table td:first-child{border-left:none}
.single-content .table tr:last-child td{border-bottom:none}
.single-content.no-top-border{border-top:none}
.single-content.no-th-border table th{border-top:none}
/*标题样式*/
.page-headers{height:37px;padding-left:40px;margin-bottom: 10px;border-bottom: 1px solid #c9d1d1;color: #5F636D;font-size: 23px;line-height:33px;font-weight: normal;position: relative}
.page-headers.no-icon{padding-left:0;}
.page-headers.no-border{border-bottom: none;}
.page-headers>span{display: none;position:relative;width: 20px;height: 20px;margin-left:-10px;background: center center no-repeat;background-size: 20px 20px;vertical-align: middle;}
.page-headers>.current{display: inline-block;}
.page-headers>span:hover>span{display: block;}
.page-headers>span>span{text-align: justify;text-justify:inter-ideograph;font-size: 14px;color:#5f636d;display: none;position: absolute;padding:10px;width: 263px;top:28px;left:50%;margin-left: -113px;background-color: #fff;border: 1px solid #16AB4F;border-radius: 3px;z-index: 1000;line-height: 25px;}
.page-headers>span>.basic-tooltip{width: 220px;margin-left: -94px;}
.page-headers>span>span>i{display: inline-block;width: 28px;height: 15px;position: absolute;top:-11px;left:50%;margin-left: -44px;}
.page-headers>span>span>span{display: inline-block;padding-left: 10px;}
/*输入框宽度样式*/
input[type='text'],input[type='password']{height: 30px;border: 1px solid #cacfd2;border-radius: 2px;padding-left:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}
input.w80 {width:80px;}
input.w51{width:50px;}
input.w135{width: 135px;}
input.w160 {width:160px;}
input.w140 {width:140px;}
input.w110{width:110px;}
input.w100{width:100px;}
input.w120{width:120px;}
input.w152{width:152px;}
input.w180{width:180px;}
input.w220{width: 220px;}
input.w240{width: 240px;}
input.w280{width: 280px;}
input.w480{width: 480px;}
input.w400{width: 400px;}
input.h40{height: 40px;}
.w-min80{width:80px}
input.color-15a{border-color:#15a94e;}
input.space20{margin-left:20px}
/*复选框样式*/
.checkbox-div{width:100%;overflow:hidden}
.checkbox-div .check-name{color:grey;display:inline-block;height:20px;line-height:20px;float:left;margin-right:10px;font-size:14px !important;}
.checkbox-div .check-clip .ck{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;cursor:pointer;float:left;height:20px;line-height:20px;margin-right:20px;margin-bottom:15px}
.checkbox-div .check-clip .ck  .check-box{display: inline-block;width: 16px;height: 16px;background-color:transparent;border-radius: 2px;vertical-align:middle;border:1px solid #9ba3af;border-radius:2px}
.checkbox-div .check-clip .ck a{display:inline-block;height:20px;line-height:20px;color:#606873;margin-left:3px;vertical-align:middle}
.checkbox-div .check-clip .ck i{display: inline-block;width: 16px;height: 16px;}
.checkbox-div .check-clip .ck i.active{background: url("../../images/insp/check.png") center center no-repeat #22c064;background-size:100% 100%}
/*单选按钮*/
.checkbox-div .check-clip .ck1{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;cursor:pointer;float:left;height:20px;line-height:16px;margin-right:20px;margin-bottom:15px}
.checkbox-div .check-clip .ck1  .check-box{display: inline-block;width:18px;height:18px;vertical-align:middle}
.checkbox-div .check-clip .ck1 a{display:inline-block;height:20px;line-height:20px;color:#606873;margin-left:3px;vertical-align:middle}
.checkbox-div .check-clip .ck1 em{vertical-align:middle;display: inline-block;width:18px;height:20px;background:url("../../images/comm/radio.png") no-repeat center center;}
.checkbox-div .check-clip .ck1 em.active{background: url("../../images/comm/Radio_active.png") center 0px no-repeat;}

/*.check-box{display: inline-block;width: 16px;height: 16px;border: 1px solid #99a3a4;border-radius: 2px;vertical-align: middle;}*/
/*.selected i{display: inline-block;width: 16px;height: 16px;background: url("../images/selected.png") center center no-repeat;background-size: 11px 8px;}*/
/*.disabled{border: 1px solid #cacfd2;background-color: #f0f0f0;}*/
/*.disabled + span{color:#7c8d8d;}*/
/*.check-box + span{vertical-align: middle;}*/
/*.check-box + span:hover{cursor: pointer}*/
/*下拉列表*/
.drop-list{position: relative;display: inline-block;vertical-align: middle;width: auto;font-size: 16px;font-weight: 500;color: #ccc;}
.drop-list .checked{position: relative;width: 194px;height: 34px;line-height: 34px;padding: 0 12px;border: 1px solid #dfe5fa;border-radius: 2px;background-color: #fff;top:-1px;}
.drop-list .checked a{display: inline-block;width: 95%;height: 34px;line-height: 34px;text-decoration: none;font-size: 14px;color:#5f636d;word-wrap:break-word;overflow: hidden;}
.bitian{color:#FA7B7B;display:inline-block;height:25px;line-height:25px;margin-right:5px;font-weight:bold}
.drop-list .checked a:hover{text-decoration: none;}
.drop-list .checked:after{content: "";z-index:10;position: absolute;display: inline-block;width: 6px;height: 6px;top: 10px;right: 10px;font-size: 12px;border-top: 1px solid #757881;border-left: 1px solid #757881;background-color: transparent;-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);transform: rotate(225deg);}
.drop-list .current:after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);top:15px;}
.drop-list .current{line-height: 20px;border: 1px solid #101317;background-color:white;}
.drop-list .current a{font-weight: 500;}
.drop-list .current span{display: none;}
.dropdown-list .select{position: absolute;vertical-align: middle;width: 218px;max-height: 200px;overflow-y: auto;margin-top:-5px;border: 1px solid #dfe5fa; border-radius: 2px;border-top-left-radius: 0;border-top-right-radius: 0;list-style: none;z-index: 100;background-color: #fff;word-wrap:break-word;}
.dropdown-list .none{display: none;}
.dropdown-list .select li{padding:0px 2px}
.dropdown-list .select li a{padding:0px 2px;display: inline-block;text-indent:5px;text-decoration: none;font-size: 14px;font-weight: 500;color:#5f636d;word-break: break-all;word-wrap:break-word;width:98%;height:100%}
.dropdown-list .select li:hover{background-color: #58bdde;}
.dropdown-list .select li:hover a{font-weight: bold;color: #fff;}
.drop-list-min{height:28px;}
.drop-list-min .checked{height:28px;line-height:28px}
.drop-list-min .checked a{height: 28px;line-height: 28px;}
.drop-list-min .checked:after{top:9px;cursor:pointer}
.drop-list-min .current:after{top:13px;cursor:pointer}
.dropdown-list .select-min{margin-top:1px;}
.drop-list-min .down-span{cursor:pointer;min-height:28px !important;position:absolute;right:1px;top:0px;display:inline-block;width:28px;height:27px;background-color:#edeffc;}

/*搜索框*/
.search-w170{width:160px;min-width:145px;}
.search-w220{width:220px}
.input-w140{width:140px}
.input-w200{width:200px}
.search-content{height:30px;position:relative;display:inline-block;width:150px}
.search-input{vertical-align:middle;outline:none;border:1px #cbcfd2 solid;border-radius:3px;padding:5px;color:#000000;font-size:12px}
.search-em{vertical-align:middle;height:18px;width:18px;display:inline-block;position:absolute;margin-left:-23px;margin-top:7px}
.search-em1{vertical-align:middle;height:18px;width:18px;display:inline-block;position:absolute;background-size:150px 150px;margin-left:-23px;margin-top:7px}
/*底部公共样式*/
.footer{width: 188px;height: 100%;padding-left:20px;position: fixed;right: -208px;top:0;;}
.footer .derive-ico{position: absolute;left:-30px;bottom:40px;width:40px;height: 80px;line-height: 80px;text-align: right;}
.footer .derive-ico:hover{cursor: pointer;}
.footer .head{margin:132px 0 35px;}
.footer .cody .code-img span{display:inline-block;width: 76px;height: 76px;border: 5px solid #fff;}
.footer .cody .code-info{padding-left:6px;}
.footer .cody .code-info p{margin-bottom: 5px;}
.footer .cody .code-info .address a{display: inline-block;width:180px;word-wrap: break-word;color:#757881;}
.footer .cody .code-info .address a:hover{color:#16AB4F;text-decoration: underline;}
.footer .cody .code-info .down-load a{color:#16AB4F;text-decoration: underline;margin-bottom: 0;}
.footer .bottom-contact{position: absolute;bottom:30px;}
.footer .bottom-contact p{margin-bottom: 10px;font-size: 18px;color: #757881;}
.footer .bottom-contact .phone-num{margin-bottom: 18px;}
.footer .bottom-contact .call-time{font-size: 12px;margin-bottom: 0;}
.about-me{font-size: 12px;color:#b3b4b6;margin-left:20px;position:absolute;bottom:210px;z-index:9999;}
/*公用数据展示编辑样式*/
.tab-contents{margin-top: 25px;padding-bottom: 15px;position: relative;}
.tab-contents .head{display: inline-block;margin-bottom:20px;font-size:14px;font-weight: bold;color:#454c4d;vertical-align: middle;}
.tab-contents .head.title-wid{min-width: 90px;}
.tab-contents .head .normal{font-weight:normal;}
.tab-contents .content{margin-bottom:20px;}
.tab-contents .content .unit{display: inline-block;font-size: 14px;color:#454c4d;vertical-align: middle;}
.tab-contents .content textarea{display: inline-block;width: 480px;height: 120px;padding: 10px;border: 1px solid #d0d0d0;resize: none;}
.tab-contents .content textarea.w280{width: 280px;}
.tab-contents .content textarea.h60{height:60px;}
.tab-contents .content .dropdown-list{display: inline-block;}
.tab-contents .del{display: inline-block;min-width:100px;vertical-align: middle;color:#969696;}
.tab-contents .del:hover{color:#E53A24;}
.tab-contents .head.title-wid + .del{vertical-align: top;position: relative;top: 1px;left: -2px;font-size: 14px;}
.tab-contents .content .button,.tab-contents .uploading-img .button{margin-left: 0;}
.tab-contents .content .check-box-name{color:#454c4d;vertical-align: middle;}
.tab-contents .content.left-right-input{width:574px;}
.tab-contents .content.choice-module{width: 570px;}
.tab-contents .content.choices .title{vertical-align: top;}
.tab-contents .content .con-choices{display: inline-block;width:600px;}
.tab-contents .content .con-choice{display: inline-block;width:116px;margin-bottom: 8px;}
.tab-contents .content.left-right-input .pull-left .check-box{margin:-1px 0 0 5px;}
.tab-contents .content.left-right-input .pull-left .check-box-name{display: inline-block;margin-top: -2px;}
.tab-contents .content.left-right-input .pull-right{position: relative;}
.tab-contents .content.left-right-input .pull-right .pos-right{position: absolute;right:-65px;top:4px;}
.tab-contents .content.none{display: none;}
.tab-contents .title{display:inline-block;min-width: 90px;font-size: 14px;color: #454c4d;vertical-align: middle;}
.tab-contents .title.w55{min-width: 55px;}
.tab-contents .title.val-top{vertical-align: top;}
.tab-contents .con{display: inline-block;vertical-align: middle;}
.tab-contents .uploading-img{margin-bottom:20px;}
.tab-contents .uploading-img .hint-info{display: inline-block;color:#969696;vertical-align: middle;}
.tab-contents .uploading-img .img{margin:10px 94px 0;}
.tab-contents .uploading-img .pic-list{padding: 10px 0 40px 59px;}
.tab-contents .uploading-img .frame{position:relative;width: 280px;height: 190px;margin:0 20px 20px 0;}
.tab-contents .uploading-img .frame .operation{display:none;position:absolute;width:278px;height:188px;top:0;left:0;border:1px solid #16ab4f;background-color: rgba(255,255,255,.8);text-align: center;}
.tab-contents .uploading-img .frame .operation.none{display: none;}
.tab-contents .uploading-img .frame .operation a{display:block;margin-bottom:10px;font-size:18px;color:#16AB4F;}
.tab-contents .uploading-img .frame .operation a:first-child{margin-top: 48px;}
.tab-contents .uploading-img .frame .operation a.del{color:#E53A24;}
.tab-contents .uploading-img .frame .cover-ico{position: absolute;width: 61px;height: 55px;top:135px;right:0;}
.tab-contents .uploading-img .frame .operation.none + .cover-ico{display: block;}
.tab-contents .uploading-img .frame .operation + .cover-ico{display: none;}
.tab-contents .uploading-img .frame textarea{display: inline-block;width: 280px;height: 60px;margin-top:10px;padding: 10px;border: 1px solid #d0d0d0;resize: none;}
.tab-contents .uploading-img .frame:hover .operation{display: block;}
.tab-contents .uploading-img .frame:hover .operation.none{display: none}
.right-show{position: absolute;top:0;right: 120px;}
.right-show p{font-size:18px;color:#757881;}
.right-show img{display: block;}
.add-item{padding:130px 0 50px 0;}
.add-item.pdl60{padding-left: 60px;}
@media (max-width: 1280px) {
    .right-show{right:80px;}
    .right-show img{width: 250px;}
}
@media (max-width: 1100px) {
    .right-show{right:40px;}
    .right-show img{width: 220px;}
}
/*gis地图图标*/
.gis{width:40px;height:120px;position:fixed;right:0px;top:50%;margin-top:-50px;background:url("../../images/comm/gis_03.png") no-repeat 8px center;}
.gis-list{z-index:100;width:40px;height:120px;position:absolute;left:-31px;top:50%;margin-top:-50px;background:url("../../images/comm/tabl.png") no-repeat 0px center;}
/*遮罩*/
.shade{width:100%;height:100%;position:absolute;left:0;top:0;z-index:99;background-color:rgba(199,199,199,.6)}
/*弹出层*/
.Popup{width:450px;height:30px;float:left;margin-right:10px;margin-bottom:20px}
.Popup .nn{width:69px;float:left;display:inline-block;height:28px;line-height:28px;font-size:14px;color:grey;}
.Popup .nn1{width:110px;float:left;display:inline-block;height:28px;line-height:28px;font-size:14px;color:grey;}
.Popup .nn2{width:80px;float:left;display:inline-block;height:28px;line-height:28px;font-size:14px;color:grey;}
.Popup .nn3{width:97px;float:left;display:inline-block;height:28px;line-height:28px;font-size:14px;color:grey;}
.p-t01{font-size:14px;color:grey;;margin-top:15px}
.Popup_table{width:711px;overflow-y:auto;margin-left:96px;height:245px}
.Popup_table .ul-header{height:35px;overflow:hidden;background-color:#94abbc;width:701px}
.Popup_table .ul-header li{padding:0 4px;height:35px;overflow:hidden;line-height:35px;color:#464545;float:left;font-size:14px;text-align:center;border-right:1px solid #dde3ed}
.Popup_table .ul-header li.w150{width:205px}
.Popup_table .ul-header li.w5{width:50px}
.Popup_table .ul-header li.w10{width:9.5%}
.Popup_table .ul-header li.w15{width:14.5%}
/*.insp-container .ul-header li.w10{width:10%}*/
.Popup_table .ul-header li.no-right{border-right:0;}
.Popup_table .ul-header.bg-white{background-color:white}
.Popup_table .ul-header.bg-second{background-color:#e9ecf4}
.Popup_table .ul-header li .delet{display:inline-block;width:25px;height:30px;margin-right:5px;vertical-align:middle}
.Popup_table .ul-header li .delet img{width:100%;height:100%;display:block}
.Popup_table .ul-header li .public{display:inline-block;width:30px;height:30px;vertical-align:-14px}
.Popup_table .ul-header li .public img{width:100%;height:100%;display:block}
.Popup_table .Check-Box1 input{width:17px;height:17px;margin-top:10px}
/*body*/
.body-pad{background-color:#eceff4;padding:20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;margin-top:60px}
/*左侧菜单*/
.jcrw{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/comm/Detectiontask_normal.png") center center no-repeat ;background-size:100%}
.jcrw.active{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/comm/Detection_task_hover.png") center center no-repeat;background-size:100%;}
.jcjg{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/comm/Detectionresults_normal.png") no-repeat center center;background-size:100%}
.jcjg.active{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/comm/Detectionresults_hover.png")no-repeat center center;background-size:100%}
.cx-tj{margin-right:10px;width:20px;height:20px;vertical-align:-2px;display:inline-block;background:url("../../images/comm/Querystatistics_normal.png") no-repeat center center;background-size:100%}
.cx-tj.active{margin-right:10px;width:20px;height:20px;vertical-align:-2px;display:inline-block;background:url("../../images/comm/Querystatistics_hover.png")no-repeat center center;background-size:100%}
.jbxx{margin-right:10px;width:20px;height:20px;vertical-align:-4px;display:inline-block;background:url("../../images/pipedata/Pipeline basic data_normal.png") no-repeat 2px center;background-size:100%}
.jbxx.active{margin-right:10px;width:20px;height:20px;vertical-align:-4px;display:inline-block;background:url("../../images/pipedata/Pipeline basic data_hover.png")no-repeat 2px center;background-size:100%}
.zxsj{margin-right:10px;width:20px;height:20px;vertical-align:-4px;display:inline-block;background:url("../../images/pipedata/guandaozaixian shu ju.png") no-repeat center center;background-size:100%}
.zxsj.active{margin-right:10px;width:20px;height:20px;vertical-align:-4px;display:inline-block;background:url("../../images/pipedata/guandaozaixian shuu_hover.png")no-repeat center center;background-size:100%}
.yxsj{margin-right:10px;width:20px;height:20px;vertical-align:-4px;display:inline-block;background:url("../../images/pipedata/guandapyanxian shuju.png") no-repeat center center;background-size:100%}
.yxsj.active{margin-right:10px;width:20px;height:20px;vertical-align:-4px;display:inline-block;background:url("../../images/pipedata/guandapyan xianshuju_hover.png")no-repeat center center;background-size:100%}
.ssjz{margin-right:10px;width:20px;height:20px;vertical-align:-4px;display:inline-block;background:url("../../images/pipedata/shusongjiezhi.png") no-repeat center center;background-size:100%}
.ssjz.active{margin-right:10px;width:20px;height:20px;vertical-align:-4px;display:inline-block;background:url("../../images/pipedata/shusongjiezhi_hover.png")no-repeat center center;background-size:100%}
.sfss{margin-right:10px;width:20px;height:20px;vertical-align:-4px;display:inline-block;background:url("../../images/pipedata/Thirdparty facilities_normal.png") no-repeat center center;background-size:100%}
.sfss.active{margin-right:10px;width:20px;height:20px;vertical-align:-4px;display:inline-block;background:url("../../images/pipedata/Thirdparty facilities_hover.png")no-repeat center center;background-size:100%}
.qg-rw{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/pig/renwuguanli_normal.png") center -1px no-repeat ;background-size:100%}
.qg-rw.active{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/pig/renwuguanli_hover.png") center -1px no-repeat;background-size:100%;}
.qg-gz{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/pig/genzongguanli_normal.png") center center no-repeat ;background-size:100%}
.qg-gz.active{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/pig/genzongguanli_hover.png") center center no-repeat;background-size:100%;}
.qg-ls{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/pig/search_normal.png") center center no-repeat ;background-size:100%}
.qg-ls.active{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/pig/search_hover.png") center center no-repeat;background-size:100%;}
.setting-zz{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/setting/Building.png") center center no-repeat ;background-size:100%}
.setting-zz.active{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/setting/Building.png") center center no-repeat;background-size:100%;}
.setting-qx{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/setting/Key.png") center center no-repeat ;background-size:100%}
.setting-qx.active{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/setting/Key.png") center center no-repeat;background-size:100%;}
.setting-fz{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/setting/90.png") center center no-repeat ;background-size:100%}
.setting-fz.active{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/setting/90.png") center center no-repeat;background-size:100%;}
.setting-jczs{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/setting/Magnet.png") center center no-repeat ;background-size:76%}
.setting-jczs.active{margin-right:10px;width:20px;height:20px;vertical-align:middle;display:inline-block;background:url("../../images/setting/Magnet.png") center center no-repeat;background-size:76%;}


.bg-white1{background:white;padding-top:20px;padding-bottom:20px}
.html-header{width:100%;}
.html-header .header-title{font-size:18px;color:#606873;text-indent:20px;padding-top:20px}
.html-header .header-title em{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/comm/waves.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-fg{margin-top:10px;line-height:40px;font-size:20px;color:white;text-indent:20px;background-color:#6ccfc6;height:40px;width:100%}
.html-header .header-fg em{display:inline-block;width:6px;height:6px;vertical-align:4px;background-color:white}
.html-header .header-fg span{margin-left:10px;margin-top:10px}
.tool{padding:0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.tool a{font-size:12px;width:80px !important;;height:25px !important;;line-height:25px !important;}
.tool a em{top:7px !important;}

/*小图标*/
.html-header .header-title em.icon-jcrw{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/ji ben xin xi.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-gdxx{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/Steel pipe information.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-czfs{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/fs.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-fsw{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/fsw.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-dmbs{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/Shape 1 copy 40.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-clkzd{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/clkzd.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-xlfm{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/xlfm.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-wt{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/Magnet.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-st{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/st.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-sfqt{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/sfqt.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-cky{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/cky.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-hhf{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/Ellipse 13.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-kk{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/Settings copy.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-fdw{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/Rounded Rectangle 15.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-yjg{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/Rounded Rectangle 115.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-tg{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/tg.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-mdbs{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/62.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-sgbh{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/73.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-wxjj{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/20.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-ssjz{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/75.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-gdss{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/di san fang guan dao ji she shi .png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-jtss{vertical-align:middle;display:inline-block;width:25px;height:25px;background:url("../../images/pipedata/jiao tong she shi.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-jcrw1{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/insp/Task management.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-jsss{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/insp/Metal loss.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-ax{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/insp/deform.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-hfyc{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/insp/Ring weld anomaly.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-ssqx{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/insp/soap .png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-tybx{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/insp/Ellipse deformation.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-lwqx{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/insp/da.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-bd{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/insp/infographic.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-qtqx{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/insp/bookmarks.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-gdtz{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/insp/Pipeline characteristics.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-gdbh{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/insp/76.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-home{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/risk/Home.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-tj{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/risk/BAR GRAPH_normal.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-new-trask{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/pig/add.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-gzgl{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/pig/genzongguanli_normal.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-lscx{vertical-align:-7px;display:inline-block;width:25px;height:25px;background:url("../../images/pig/search_normal.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-qgjk{vertical-align:-5px;display:inline-block;width:25px;height:25px;background:url("../../images/pig/jk.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-qgjl{vertical-align:-7px;display:inline-block;width:25px;height:25px;background:url("../../images/pig/qingguanjilu.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.icon-evl{vertical-align:-7px;display:inline-block;width:25px;height:25px;background:url("../../images/pig/edit.png") no-repeat center center;background-size:100%;margin-right:15px}
.html-header .header-title em.seting-gdgn{vertical-align:-6px;display:inline-block;width:25px;height:25px;background:url("../../images/setting/Notebook.png") no-repeat center center;background-size:70%;margin-right:8px}
.html-header .header-title em.seting-jsgl{vertical-align:-6px;display:inline-block;width:25px;height:25px;background:url("../../images/setting/team.png") no-repeat center center;background-size:70%;margin-right:8px}
.html-header .header-title em.seting-jsgl{vertical-align:-6px;display:inline-block;width:25px;height:25px;background:url("../../images/setting/team.png") no-repeat center center;background-size:70%;margin-right:8px}
.html-header .header-title em.seting-jszgl{vertical-align:-6px;display:inline-block;width:25px;height:25px;background:url("../../images/setting/team1.png") no-repeat center center;background-size:90%;margin-right:8px}
.html-header .header-title em.seting-yhgl{vertical-align:-6px;display:inline-block;width:25px;height:25px;background:url("../../images/setting/Friends.png") no-repeat center center;background-size:70%;margin-right:8px}
.html-header .header-title em.seting-yhzgl{vertical-align:-6px;display:inline-block;width:25px;height:25px;background:url("../../images/setting/Friends1.png") no-repeat center center;background-size:70%;margin-right:8px}
.html-header .header-title em.seting-bmgl{vertical-align:-6px;display:inline-block;width:25px;height:25px;background:url("../../images/setting/2.png") no-repeat center center;background-size:90%;margin-right:8px}
.html-header .header-title em.seting-gwgl{vertical-align:-6px;display:inline-block;width:25px;height:25px;background:url("../../images/setting/ID.png") no-repeat center center;background-size:90%;margin-right:8px}
.html-header .header-title em.seting-gsgl{vertical-align:-6px;display:inline-block;width:25px;height:25px;background:url("../../images/setting/Shape366.png") no-repeat center center;background-size:90%;margin-right:8px}
/*表格无数据样式*/
.no-data{overflow:hidden;width:100%;height:230px;text-align:center}
.no-data img{margin-top:30px}
@media (min-width:1400px){
    .scroll-left{overflow-y:auto;height:450px;width:90%;margin-top:10px}

}
@media (max-width:1366px) {
    .scroll-left{overflow-y:auto;height:150px;width:90%;margin-top:10px}

}

/*个人中心*/
.person-center{width:100%;height:300px;background-color: firebrick}
